<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wine Republik - page vigneron</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width">

<link href="css/front.css?v=2" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.raty.js"></script>

<script type="text/javascript" charset="utf-8" src="js/jquery.textarea-expander.js"></script>

<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>

<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    
<script type="text/javascript">
 $(document).ready( function(){	

		$("#moncompte").hover(
		  function () {
			$('#bullemenutop').stop(true, true).fadeIn('slow');
		  }, 
		  function () {
			$('#bullemenutop').stop(true, true).fadeOut('slow');
		  }
		); 
		
		$("#saisiecommentaire").TextAreaExpander(50,9999);

 
		$(".produit").hover(
		  function () {
			$(this).find('.ajoutpanier').stop(true, true).fadeIn();
		  }, 
		  function () {
			$(this).find('.ajoutpanier').stop(true, true).fadeOut();
		  }
		); 
		
		
		var overlay = {
			show	: function(){
				$('body').append('<div id="overlay"></div>');
			},
			hide	: function(){
				$('#overlay').remove();
			}
		}		 
 
 
         $('.recommandations_click').click(function() {	
			 overlay.show();
			$('#lightboxmembrestop').fadeIn('slow');
			return false;
        });
		
		$('#fermerlightbox>a').click(function() {	
			$('#lightboxmembrestop').fadeOut('slow');
			 overlay.hide();
			return false;
        }); 
 

			$("#diaporama .boutondiapo").fancybox({
				'titlePosition'	: 'over',//over,inside
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'opacity'		: true
			});
		
		
						
			function init_raty(score_val){
				$('#val_raty_info').text('0.0');
				$('#etoilesnote').raty({
					half	: true,
					score	: score_val,
					click: function(score) {
						//alert('score: ' + score);
						$('#val_raty_info').text(score);
						$('#value_raty').val(score);
						if(score>=4){
							$('#bullenote').css({"backgroundImage":"url('images/bulle-commentaire-bleue.png')"}); 
						} else {
							$('#bullenote').css({"backgroundImage":"url('images/bulle-commentaire.png')"}); 
						}
					}
				});
			}
			
			init_raty(0);
			
			
			$('#bullenote').click(function() {	
				val_score_raty = $('#value_raty').val();
				if(val_score_raty==0){
					init_raty(5);
					$('#val_raty_info').text(5);
					$('#value_raty').val(5);
					$('#bullenote').css({"backgroundImage":"url('images/bulle-commentaire-bleue.png')"}); 
				} else {
					init_raty(0);
					$('#val_raty_info').text(0);
					$('#value_raty').val(0);
					$('#bullenote').css({"backgroundImage":"url('images/bulle-commentaire.png')"}); 
				}
				return false;
			});			
			
			
			
						
			$('#valideravis').click(function() {	
					alert('score: ' + $('#value_raty').val());
					return false;
			});			
			
		
			
				
				 
				
		// buttons for next and previous item						 
		var buttons = { previous:$('#diaporama .button-previous') ,next:$('#diaporama .button-next') };			
		 $('#diaporama').lofJSidernews( { interval : 2000,
			direction		: 'opacitys',	
			easing			: 'easeInOutExpo',
			duration		: 1200,
			auto		 	: false,
			maxItemDisplay  : 0,
			navPosition     : 'horizontal', // horizontal
			navigatorHeight : 32,
			navigatorWidth  : 80,
			mainWidth		: 1000,
			buttons			: buttons } );	
	});
</script>

</head>

<body id="vigneron">
<div id="pagecontent">
    <div id="header">
        <h1><a href="/" title="Wine Republik"><img src="images/logo-header.png" width="158" height="68" border="0" alt="Wine Republik" /><span>Wine Republik</span></a></h1>
        <div id="recherche"><form action="" method="post"><div id="divtext"><input type="text" value="Rechercher un vin, une couleur, une région." name="motcle" id="motcle" onclick="this.value='';" /></div><div id="divsubmit"><input type="image" src="images/bouton-recherche.png" name="submit" id="submit" alt="Rechercher" /></div></form></div>
        <div id="panier"><a href="#">Mon panier : 3 article(s) 59 €</a></div>
    </div>
    
    <div id="navigation">
        <ul>
            <li><a href="#" title="l’agora">l’agora</a></li>
            <li><a href="#" title="promo">promo</a></li>
            <li><a href="#" title="tous les vins">tous les vins</a></li>
            <li><a href="#" title="tous les vignerons">tous les vignerons</a></li>
            <li><a href="#" title="livraisons groupées">livraisons groupées</a></li>
        </ul>
        <div class="clear"></div>
        <div id="moncompte">
        	<img src="upload/vignerons/vignerons7-extrasmall.jpg" width="27" height="27" border="0" /><a href="#">Benjamin ddddddd aaa</a>
        	<div id="bullemenutop">
            	<div id="bullemenubas">
                	<div id="bullemenucentre">
                        <a href="#" title="">mon profil</a><br />
                        <a href="#" title="">mes favoris</a><br />
                        <a href="#" title="">mes vins</a><br />
                        <a href="#" title="">ma communauté</a><br />
            		</div>
				</div>
			</div>
        </div>
    </div>  
	
    <div id="titrepage">
    	<h2>Jean De La Bellegoutte</h2>
    	<h3>Domaine du Chateau du Clos</h3>
        <a href="#" id="ajoutfavoris" title="Ajouter aux favoris"></a><a href="#" id="patarger" title="Partager"></a>
    </div>
    
    <div id="diaporama" class="diaporama">
    <div class="preload"><div></div></div>
    
	<div class="preload"><div></div></div>
    		 <!-- MAIN CONTENT --> 
              <div class="main-slider-content">
                <ul class="sliders-wrap-inner">
                    <li>
                        <img src="upload/diaporama/photo1.jpg" width="1000" height="443" alt="" border="0" />
                        <a href="upload/diaporama/photo1.jpg" class="boutondiapo" title="Lancer le diaporama"></a>
                        <div class="slider-description">
                        TEXTE PHOTO 1 sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in. orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor,
                        </div>
                    </li> 
                    <li>
                        <img src="upload/diaporama/IMGP0316.jpg" width="1000" height="443" alt="" border="0" />
                        <a href="upload/diaporama/IMGP0316.jpg" class="boutondiapo" title="Lancer le diaporama"></a>
                        <div class="slider-description">
                        LTEXTE PHOTO 2 sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in. orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor,
                        </div>
                    </li> 
                    <li>
                        <img src="upload/diaporama/IMGP0350.jpg" width="1000" height="443" alt="" border="0" />
                        <a href="upload/diaporama/IMGP0350.jpg" class="boutondiapo" title="Lancer le diaporama"></a>
                        <div class="slider-description">
                        TEXTE PHOTO 3 sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in. orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor,
                        </div>
                    </li> 
                    <li>
                        <img src="upload/diaporama/IMGP0361.jpg" width="1000" height="443" alt="" border="0" />
                        <a href="upload/diaporama/IMGP0361.jpg" class="boutondiapo" title="Lancer le diaporama"></a>
                        <div class="slider-description">
                        TEXTE PHOTO 4 sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in. orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor,
                        </div>
                    </li> 
                    <li>
                        <img src="upload/diaporama/IMGP0362.jpg" width="1000" height="443" alt="" border="0" />
                        <a href="upload/diaporama/IMGP0362.jpg" class="boutondiapo" title="Lancer le diaporama"></a>
                        <div class="slider-description">
                        LTEXTE PHOTO 5 sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in. orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor,
                        </div>
                    </li> 
                    <li>
                        <img src="upload/diaporama/IMGP0363.jpg" width="1000" height="443" alt="" border="0" />
                        <a href="upload/diaporama/IMGP0363.jpg" class="boutondiapo" title="Lancer le diaporama"></a>
                        <div class="slider-description">
                        TEXTE PHOTO 6 sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in. orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor,
                        </div>
                    </li> 
                  </ul>  	
            </div>
 		   <!-- END MAIN CONTENT --> 
           <!-- NAVIGATOR -->
           	<div class="navigator-content">
                  <div class="button-next"></div>
                  <div class="button-previous"></div>
             </div> 
          <!----------------- END OF NAVIGATOR --------------------->
          <!-- BUTTON PLAY-STOP -->
          <!--<div class="button-control"><span></span></div>-->
           <!-- END OF BUTTON PLAY-STOP -->
           
    </div>
    
    
  	<a name="details"></a>
    <div id="commentaire">
        <img src="upload/vignerons/vignerons1-big.jpg" width="192" height="192" id="photovigneron" alt="Jean De La Bellegoutte" />
        <div id="bloccommentaire">
        	<form action="" name="depotcommentaire" method="post">
                <div id="etoilesnote"></div>
                <div id="bullenote">note<br />&gt; <span id="val_raty_info">0.0</span></div>
                <input type="hidden" name="value_raty" id="value_raty" value="0" />
                <input type="image" src="images/bouton-valider-votre-avis.png" name="valideravis" id="valideravis" alt="valider votre avis" /><br />
            	<textarea name="saisiecommentaire" id="saisiecommentaire" onclick="this.value=''" style="background-image:url(upload/vignerons/vignerons7-medium.jpg); overflow:hidden;">Ajouter un commentaire...</textarea>
            </form>
 		</div>
        <div id="nbreavis">22 avis</div>
        <div id="notevins">4,5<br /><span>vins</span></div>
      	<div id="noteservices">4,5<br /><span>service</span></div>
    </div>
    
    <div style="clear:both;"></div>
    <div id="reseausocial">
    	<div id="recommandations">
        	<h4><a href="#" title="" class="recommandations_click">365 personnes le recommandent</a></h4>
            <div class="membre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Marie - Chantel</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Jérôme</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons4-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Marie - Chantel</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons5-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Jérôme</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Marie - Chantel</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Jérôme</a></div>
	        <div class="clear"></div>
        </div>
    	<div id="achats">
        	<h4><a href="#" title="" class="recommandations_click">121 personnes ont acheté ses vins</a></h4>
            <div class="membre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Marie - Chantel</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Jérôme</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons4-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Marie - Chantel</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons5-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Jérôme</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Marie - Chantel</a></div>
            <div class="membre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" border="0" /><a href="#" title="">Jérôme</a></div>
	        <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
    
    <div id="sesvins">
    	<a name="sesvins"></a>
        <div class="navinterne"><a href="#sesvins" class="first" title="Ses vins">Ses vins</a><a href="#avis" title="Les avis des citoyens">Les avis des citoyens</a><a href="#aussi" title="Vous aimerez aussi" >Vous aimerez aussi</a><a href="#guides" title="Les Guides" >Les Guides</a><a href="#details" title="Détails" >Détails</a></div>
        <h5>Ses vins</h5>
        <div class="fondblanc">
        	<div class="produit produitfirst">
       	    	<a href="javascript:void(0)" onclick=" " title="La Bastide Blanche Cuvée Espagnole 200"><img src="upload/produits/bouteille-1.jpg" width="78" height="222" alt="La Bastide Blanche Cuvée Espagnole 200" border="0" /></a>
                <div class="libelleproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">La Bastide Blanche Cuvée Espagnole 2009</a></div>
                <div class="prixproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">19,<span>99 &euro;</span></a></div>
             	<div class="noteproduit">4,5<br /><img src="images/goutte-rouge.png" width="25" height="39" alt="Vin Rouge" /></div>
                <div id="ajoutpanier1" class="ajoutpanier">
                	<a href="" title="Ajouter au panier"><img src="images/bouton-ajouter-au-panier.png" width="170" height="25" alt="Ajouter au panier" border="0" /></a><br />
                	<a href="" title="Noter"><img src="images/bouton-panier-noter.png" width="79" height="23"  alt="Noter" border="0" /></a>&nbsp;&nbsp;<a href="" title="Favori"><img src="images/bouton-panier-favoris.png" width="79" height="23" alt="favoris" border="0" /></a>
                </div>
            </div>
        	<div class="produit">
       	    	<a href="javascript:void(0)" onclick=" " title="La Bastide Blanche Cuvée Espagnole 200"><img src="upload/produits/bouteille-1.jpg" width="78" height="222" alt="La Bastide Blanche Cuvée Espagnole 200" border="0" /></a>
                <div class="libelleproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">La Bastide Blanche Cuvée Espagnole 2009</a></div>
                <div class="prixproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">19,<span>99 &euro;</span></a></div>
             	<div class="noteproduit">4,5<br /><img src="images/goutte-rouge.png" width="25" height="39" alt="Vin Rouge" /></div>
                <div id="ajoutpanier2" class="ajoutpanier">
                	<a href="" title="Ajouter au panier"><img src="images/bouton-ajouter-au-panier.png" width="170" height="25" alt="Ajouter au panier" border="0" /></a><br />
                	<a href="" title="Noter"><img src="images/bouton-panier-noter.png" width="79" height="23"  alt="Noter" border="0" /></a>&nbsp;&nbsp;<a href="" title="Favori"><img src="images/bouton-panier-favoris.png" width="79" height="23" alt="favoris" border="0" /></a>
                </div>
            </div>
        	<div class="produit">
       	    	<a href="javascript:void(0)" onclick=" " title="La Bastide Blanche Cuvée Espagnole 200"><img src="upload/produits/bouteille-1.jpg" width="78" height="222" alt="La Bastide Blanche Cuvée Espagnole 200" border="0" /></a>
                <div class="libelleproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">La Bastide Blanche Cuvée Espagnole 2009</a></div>
                <div class="prixproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">19,<span>99 &euro;</span></a></div>
             	<div class="noteproduit">4,5<br /><img src="images/goutte-rouge.png" width="25" height="39" alt="Vin Rouge" /></div>
                <div id="ajoutpanier3" class="ajoutpanier">
                	<a href="" title="Ajouter au panier"><img src="images/bouton-ajouter-au-panier.png" width="170" height="25" alt="Ajouter au panier" border="0" /></a><br />
                	<a href="" title="Noter"><img src="images/bouton-panier-noter.png" width="79" height="23"  alt="Noter" border="0" /></a>&nbsp;&nbsp;<a href="" title="Favori"><img src="images/bouton-panier-favoris.png" width="79" height="23" alt="favoris" border="0" /></a>
                </div>
            </div>
        	<div class="produit">
       	    	<a href="javascript:void(0)" onclick=" " title="La Bastide Blanche Cuvée Espagnole 200"><img src="upload/produits/bouteille-1.jpg" width="78" height="222" alt="La Bastide Blanche Cuvée Espagnole 200" border="0" /></a>
                <div class="libelleproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">La Bastide Blanche Cuvée Espagnole 2009</a></div>
                <div class="prixproduit"><a href="javascript:void(0)" onclick="" title="La Bastide Blanche Cuvée Espagnole 200">19,<span>99 &euro;</span></a></div>
             	<div class="noteproduit">4,5<br /><img src="images/goutte-rouge.png" width="25" height="39" alt="Vin Rouge" /></div>
                <div id="ajoutpanier4" class="ajoutpanier">
                	<a href="" title="Ajouter au panier"><img src="images/bouton-ajouter-au-panier.png" width="170" height="25" alt="Ajouter au panier" border="0" /></a><br />
                	<a href="" title="Noter"><img src="images/bouton-panier-noter.png" width="79" height="23"  alt="Noter" border="0" /></a>&nbsp;&nbsp;<a href="" title="Favori"><img src="images/bouton-panier-favoris.png" width="79" height="23" alt="favoris" border="0" /></a>
                </div>
                <div class="achatmembre"><img src="upload/vignerons/vignerons6-small.jpg" width="34" height="34" /><a href="#">Jérôme<br />a acheté</a></div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="lienVoirTout"><a href="#" title="Voir tout"><img src="images/bouton-voir-tout.png" width="145" height="23" border="0" alt="Voir tout" /></a></div>
    </div>
    
    <div id="aussi">
    	<a name="aussi"></a>
        <div class="navinterne"><a href="#sesvins" class="first" title="Ses vins">Ses vins</a><a href="#avis" title="Les avis des citoyens">Les avis des citoyens</a><a href="#aussi" title="Vous aimerez aussi" >Vous aimerez aussi</a><a href="#guides" title="Les Guides" >Les Guides</a><a href="#details" title="Détails" >Détails</a></div>
        <h5>Vous aimerez aussi</h5>
        <div class="fondblanc">
        	<div class="portrait portraitfirst">
                <a href="#" title=""><img src="upload/vignerons/vignerons1-big.jpg" width="192" height="192" alt="" border="0" /></a>
                <div class="nomvigneron"><a href="#" title="">Jean-Alfred Delabellevigne</a></div>
                <div class="domainevigneron"><a href="#" title="">Domaine Delabellevigne</a></div>
                <div class="couleurproduit"><div>BG</div><img src="images/goutte-rouge.png"  alt="" class="goutte1" /><img src="images/goutte-jaune.png"  alt="" class="goutte2" /><img src="images/goutte-rose.png"  alt="" class="goutte3" /></div>
                <div class="membrerecommande"><img src="upload/vignerons/vignerons6-small.jpg" width="34" height="34" /><a href="#" class="recommandations_click">Jérôme et 2 autres amis<br />recommandent</a></div>
                <div class="notevinsaussi">4,5<br /><span>vins</span></div>
                <div class="noteservicesaussi">4,5<br /><span>service</span></div>
          	</div>
        	<div class="portrait">
                <a href="#" title=""><img src="upload/vignerons/vignerons1-big.jpg" width="192" height="192" alt="" border="0" /></a>
                <div class="nomvigneron"><a href="#" title="">Jean-Alfred Delabellevigne</a></div>
                <div class="domainevigneron"><a href="#" title="">Domaine Delabellevigne</a></div>
                <div class="couleurproduit"><div>BG</div><img src="images/goutte-rouge.png"  alt="" class="goutte1" /><img src="images/goutte-jaune.png"  alt="" class="goutte2" /><img src="images/goutte-rose.png"  alt="" class="goutte3" /></div>
                <div class="membrerecommande"><img src="upload/vignerons/vignerons6-small.jpg" width="34" height="34" /><a href="#" class="recommandations_click">Jérôme et 2 autres amis<br />recommandent</a></div>
                <div class="notevinsaussi">4,5<br /><span>vins</span></div>
                <div class="noteservicesaussi">4,5<br /><span>service</span></div>
         	</div>
        	<div class="portrait">
                <a href="#" title=""><img src="upload/vignerons/vignerons1-big.jpg" width="192" height="192" alt="" border="0" /></a>
                <div class="nomvigneron"><a href="#" title="">Jean-Alfred Delabellevigne</a></div>
                <div class="domainevigneron"><a href="#" title="">Domaine Delabellevigne</a></div>
                <div class="couleurproduit"><div>BG</div><img src="images/goutte-rouge.png"  alt="" class="goutte1" /><img src="images/goutte-rose.png"  alt="" class="goutte2" /></div>
                <div class="membrerecommande"><img src="upload/vignerons/vignerons6-small.jpg" width="34" height="34" /><a href="#" class="recommandations_click">Jérôme et 2 autres amis<br />recommandent</a></div>
                <div class="notevinsaussi">4,5<br /><span>vins</span></div>
                <div class="noteservicesaussi">4,5<br /><span>service</span></div>
         	</div>
        	<div class="portrait">
                <a href="#" title=""><img src="upload/vignerons/vignerons1-big.jpg" width="192" height="192" alt="" border="0" /></a>
                <div class="nomvigneron"><a href="#" title="">Jean-Alfred Delabellevigne</a></div>
                <div class="domainevigneron"><a href="#" title="">Domaine Delabellevigne</a></div>
                <div class="couleurproduit"><div>BG</div><img src="images/goutte-rouge.png"  alt="" class="goutte1" /><img src="images/goutte-jaune.png"  alt="" class="goutte2" /></div>
                <div class="membrerecommande"><img src="upload/vignerons/vignerons6-small.jpg" width="34" height="34" /><a href="#" class="recommandations_click">Jérôme et 2 autres amis<br />recommandent</a></div>
                <div class="notevinsaussi">4,5<br /><span>vins</span></div>
                <div class="noteservicesaussi">4,5<br /><span>service</span></div>
         	</div>
            <div class="clear"></div>
        </div>
        <div class="lienVoirTout"><a href="#" title="Voir tout"><img src="images/bouton-voir-tout.png" width="145" height="23" border="0" alt="Voir tout" /></a></div>
    </div>
    
    <div id="lightboxmembrestop">
    	<div id="titrelightbox">3 personnes recommandent ce vin</div>
        <div id="fermerlightbox"><a href="#" title="fermer">x</a></div>
        <div id="lightboxmembresbas">
            <div id="lightboxmembrescentre">
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" /><a href="#" title="">Marie - Chantel</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons4-medium.jpg" width="50" height="50" /><a href="#" title="">Marie - Chantel</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons5-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" /><a href="#" title="">Marie - Chantel</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" /><a href="#" title="">Marie - Chantel</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons4-medium.jpg" width="50" height="50" /><a href="#" title="">Marie - Chantel</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons5-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" /><a href="#" title="">Marie - Chantel</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
                <div class="lightboxmembre"><img src="upload/vignerons/vignerons3-medium.jpg" width="50" height="50" /><a href="#" title="">Jérôme</a><br /><a href="#" title="Ajouter"><img src="images/bouton-ajouter-membre.png" width="77" height="16" border="0" class="ajouter" /></a></div>
	            <div class="clear"></div>
            </div>
        </div>
    </div>

    <div id="avis">
    	<a name="avis"></a>
        <div class="navinterne"><a href="#sesvins" class="first" title="Ses vins">Ses vins</a><a href="#avis" title="Les avis des citoyens">Les avis des citoyens</a><a href="#aussi" title="Vous aimerez aussi" >Vous aimerez aussi</a><a href="#guides" title="Les Guides" >Les Guides</a><a href="#details" title="Détails" >Détails</a></div>
        <h5>Les avis des citoyens</h5>
        <div class="fondblanc">
            <div id="libellequalitevins">Qualité des vins</div>
            <div id="notequalitevins">4,5</div>
            <div id="libellequaliteservices">Qualité de service</div>
            <div id="notequaliteservices">4,5</div>
            <div id="nbretotalavis">22 avis</div>
        	<div id="listenotes">
                <div class="noteattribuee">
                    <div class="membreavis"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" />Marie - Chantel</div>
                    <div class="notevinsavis">4,5<br /><span>vins</span></div>
                    <div class="noteservicesavis">4,5<br /><span>service</span></div>
                    <div class="commentaireavis">
                        <span class="titreavis">J’adore !!</span><br />
                        <span class="dateavis">écrit le 7 février 2012</span><br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in fringilla in, tempus a velit. Nullam a est accumsan tellus feugiat ultrices. orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut.
                    </div>
                </div>
                <div class="noteattribuee">
                    <div class="membreavis"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" />Marie - Chantel</div>
                    <div class="notevinsavis">4,5<br /><span>vins</span></div>
                    <div class="noteservicesavis">4,5<br /><span>service</span></div>
                    <div class="commentaireavis">
                        <span class="titreavis">J’adore !!</span><br />
                        <span class="dateavis">écrit le 7 février 2012</span><br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in fringilla in, tempus a velit. Nullam a est accumsan tellus feugiat ultrices. orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut.
                    </div>
                </div>
                <div class="noteattribuee">
                    <div class="membreavis"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" />Marie - Chantel</div>
                    <div class="notevinsavis">4,5<br /><span>vins</span></div>
                    <div class="noteservicesavis">4,5<br /><span>service</span></div>
                    <div class="commentaireavis">
                        <span class="titreavis">J’adore !!</span><br />
                        <span class="dateavis">écrit le 7 février 2012</span><br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in fringilla in, tempus a velit. Nullam a est accumsan tellus feugiat ultrices. orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut.
                    </div>
                </div>
                <div class="noteattribuee">
                    <div class="membreavis"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" />Marie - Chantel</div>
                    <div class="notevinsavis">4,5<br /><span>vins</span></div>
                    <div class="noteservicesavis">4,5<br /><span>service</span></div>
                    <div class="commentaireavis">
                        <span class="titreavis">J’adore !!</span><br />
                        <span class="dateavis">écrit le 7 février 2012</span><br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in fringilla in, tempus a velit. Nullam a est accumsan tellus feugiat ultrices. orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut.
                    </div>
                </div>
                <div class="noteattribuee">
                    <div class="membreavis"><img src="upload/vignerons/vignerons2-medium.jpg" width="50" height="50" />Marie - Chantel</div>
                    <div class="notevinsavis">4,5<br /><span>vins</span></div>
                    <div class="noteservicesavis">4,5<br /><span>service</span></div>
                    <div class="commentaireavis">
                        <span class="titreavis">J’adore !!</span><br />
                        <span class="dateavis">écrit le 7 février 2012</span><br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut, imperdiet eu metus. Pellentesque dui tortor, varius in fringilla in, tempus a velit. Nullam a est accumsan tellus feugiat ultrices. orem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nunc metus, sed volutpat orci. Ut lorem mi, varius nec tincidunt ut.
                    </div>
                </div>
			</div>
        </div>
        <div class="lienVoirTout"><a href="#" title="Voir tout"><img src="images/bouton-voir-tout.png" width="145" height="23" border="0" alt="Voir tout" /></a></div>
    </div>
    
    <div id="footer">
        <ul>
            <li><a href="#" class="first">Contact</a></li>
            <li><a href="#">Mentions légales</a></li>
            <li><a href="#">Livraison</a></li>
            <li><a href="#">Paiement sécurisé</a></li> 
            <li><a href="#">Qui sommes nous ?</a></li>
        </ul>
        <div class="clear"></div><br />
		<br />

        L'ABUS D'ALCOOL EST DANGEREUX POUR LA SANTE. SACHEZ CONSOMMER AVEC MODÉRATION.
    </div>
</div>

</body>
</html>
